#{universalBar /}

<div id="wrapper" class="with-sidebar">
	<div id="sidebar" data-features="accordion">
		<h3>Settings</h3>
		<ul id="settings-accordion" class="accordion">
			<li class="accordion-item">
				<div id="profile-header" class="accordion-header expansible">
					<h4 class="accordion-title">Profile</h4>
				</div>
				<ul id="profile-content" class="accordion-content">
					<li class="item">
						<a href="@{Application.index()}" class="selected">Profile Information</a>
					</li>
					<li class="item">
						<a href="@{Application.index()}">Email, Services and Devices</a>
					</li>
					<li class="item">
						<a href="@{Application.index()}">Account</a>
					</li>
				</ul>
			</li>
			<li class="accordion-item">
				<div id="communities-header" class="accordion-header expansible">
					<h4 class="accordion-title">Organizations</h4>
				</div>
				<ul id="communities-content" class="accordion-content">
					<li class="item">
						<a href="@{organizations.newOrg()}">Create New Organization</a>
					</li>
					<li class="item">
						<a href="@{Application.index()}">Your Organizations</a>
					</li>
					<li class="item">
						<a href="@{Application.index()}">Notifications</a>
					</li>
				</ul>
			</li>
			<li class="accordion-item">
				<div id="activity-header" class="accordion-header expansible">
					<h4 class="accordion-title">Activity</h4>
				</div>
				<ul id="activity-content" class="accordion-content">
					<li class="item">
						<a href="@{Application.index()}">Following</a>
					</li>
				</ul>
			</li>
		</ul>
		
	</div>
</div>
